﻿<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/statics/CSS/1.css" />
<link rel="stylesheet"
	href="${pageContext.request.contextPath }/statics/CSS/weui.css" />
<style>
.EIMS_C_50010_Header {
	background: #FAFAFA;
	border: 1px solid rgba(216, 216, 216, .5);
}

.EIMS_C_50010_ClearCart a {
	color: #191919;
}

.EIMS_C_50010_Title {
	color: #191919;
}

.EIMS_C_50010_Header .EIMS_C_50010_Title {
	height: 43px;
	line-height: 43px;
	font-size: 1.5rem;
	color: #191919;
	text-align: center;
	display: block;
}

.EIMS_C_50010_Title {
	padding-right: 6px;
}

.EIMS_C_50010_Clearing {
	display: block;
	width: 30%;
	height: 45px;
	line-height: 45px;
	overflow: hidden;
	text-align: center;
	color: #fff;
	font-size: 1.2rem;
	float: right;
	background: rgba(25, 25, 25, 0.42);
}
</style>
</head>

<body>
	<div id="ea_c" moudule="true">
		<div id="content" class="content">
			<!--xn_mc_spcstep1_1_wrap-->
			<div class="xn_mc_spcstep1_1_wrap" id="xn_mc_spcstep1_1_wrap">
				<!--手机企业电商购物车第一步 start 20150901-->
				<!-- EIMS_C_50010 start -->
				<div id="EIMS_C_50010_Main">
					<div class="EIMS_C_50010_Header">
						<div id="h_back" class="h_back">
							<a onclick="window.history.go(-1);"> <img
								src="${pageContext.request.contextPath }/statics/Images/QQ图片20170911193144.jpg">
								<span aria-hidden="true" class="icon-undo"></span><span
								class="back_bq2">返回</span>
							</a>

						</div>
						<div class="EIMS_C_50010_Title">购物车</div>
						<div class="EIMS_C_50010_ClearCart" bindtype="1">
							<a href="javascript:">添加商品</a>
						</div>
					</div>
					<div class="EIMS_C_50010_EmptyCart">
						<span class="xn_mc_spcstep1_1_sp1"><img
							src="http://1.rc.xiniu.com/rc/Mobiles/19040/images/Controls/shoppingcart.png?d=20160421190243525"
							alt="购物车空空"></span> <span class="xn_mc_spcstep1_1_sp2">购物车空空，</span><a
							href="javascript:location='index.html';"
							id="EIMS_C_50010_GoShopping">去逛逛</a>
					</div>
					<div class="EIMS_C_50010_Cart" style="display: block;">
						<ul class="EIMS_C_50010_CartDetails">
							<li bindid="5010" quantity="100">
								<div class="EIMS_C_50010_items">
									<div class="EIMS_C_50010_check-wrapper">
										<input type="checkbox" class="EIMS_C_50010_cart-checkbox"
											checked="checked">
									</div>
									<div class="EIMS_C_50010_shp-cart-item-core">
										<a class="EIMS_C_50010_cart-product-cell-1"
											href="/m/prod_view.aspx?id=1427"> <img
											class="EIMS_C_50010_cart-photo-thumb"
											src="http://0.rc.xiniu.com/g1/M00/45/23/CgAGS1ebbwKAP5DfAABn7FrTxYg308.jpg"
											alt="">
										</a>
										<div class="EIMS_C_50010_cart-product-cell-2">
											<div class="EIMS_C_50010_cart-product-name">
												<a> <span>O HUI/欧慧迷魅圆管口红4.5g 亮彩滋润唇膏 52# 17号202
														尹恩惠同款 滋润 ≥50件</span></a>
											</div>
											<div class="shp-cart-opt">
												<div class="EIMS_C_50010_quantity-wrapper">
													<a class="EIMS_C_50010_quantity-decrease" id="jian"
														bindtype="0">-</a> <input type="number" id="inputVal"
														class="EIMS_C_50010_quantity" min="1" value="1"> <a
														class="EIMS_C_50010_quantity-increase" bindtype="1">+</a>
												</div>
												<a class="EIMS_C_50010_shp-cart-icon-remove" bindtype="0"></a>
											</div>
										</div>
										<div class="EIMS_C_50010_cart-product-cell-3">
											<div class="EIMS_C_50010_shp-cart-item-price">￥183</div>
											<div class="EIMS_C_50010_shp-cart-item-buyprice">￥0</div>
										</div>
									</div>
								</div>
							</li>
						</ul>
						<div class="EIMS_C_50010_CartBtnDiv">
							<div class="EIMS_C_50010_CartInfo">
								<span class="xn_mc_spcstep1_1_sp3">总计:￥</span><span
									id="EIMS_C_50010_TotalPrice">183.00</span>
							</div>
							<a class="EIMS_C_50010_Clearing">结算(<span
								id="EIMS_C_50010_checkedNum">1</span>)
							</a>
						</div>
					</div>
				</div>
				<!-- EIMS_C_50010  end  -->
				<!--手机企业电商购物车第一步 end-->

			</div>
			<!--end_xn_mc_spcstep1_1_wrap-->

		</div>
		<!--底部-->
		<div class="weui-tabbar" style="position: fixed">
			<a href="index.html" id="d1"
				class="weui-tabbar__item weui-bar__item_on"> <span
				style="display: inline-block; position: relative;"> <img
					src="${pageContext.request.contextPath }/statics/Images/1.png"
					alt="" class="weui-tabbar__icon"></span>
				<p class="weui-tabbar__label">商城</p>
			</a> <a href="all.html" class="weui-tabbar__item"> <img
				src="${pageContext.request.contextPath }/statics/Images/2.png"
				alt="" class="weui-tabbar__icon">
				<p class="weui-tabbar__label">分类</p>
			</a> <a href="shopCar.html" class="weui-tabbar__item"> <span
				style="display: inline-block; position: relative;"> <img
					src="${pageContext.request.contextPath }/statics/Images/3.png"
					alt="" class="weui-tabbar__icon">

			</span>
				<p class="weui-tabbar__label">购物车</p>
			</a> <a href="javascript:location='myMessage.html'"
				class="weui-tabbar__item"> <img
				src="${pageContext.request.contextPath }/statics/Images/4.png"
				alt="" class="weui-tabbar__icon">
				<p class="weui-tabbar__label">个人中心</p>
			</a>
		</div>
		<!--底部结束-->
	</div>
</body>
<script src="${pageContext.request.contextPath }/statics/JS/jquery-1.8.3.js"></script>
<script>
	$(function() {
		$(".EIMS_C_50010_Cart").hide();
		$(".EIMS_C_50010_ClearCart").click(function() {
			$(".EIMS_C_50010_EmptyCart").hide();
			$(".EIMS_C_50010_Cart").show();
		});
		$(".EIMS_C_50010_shp-cart-icon-remove").click(function() {
			$(".EIMS_C_50010_Cart").hide();
			$(".EIMS_C_50010_EmptyCart").show();
		});

		for (var i = 1; i < 2; i++) {
			$(".EIMS_C_50010_quantity-increase")
					.click(
							function() {
								$(".EIMS_C_50010_quantity").val(i++);
								$("#EIMS_C_50010_TotalPrice").val() == parseInt((EIMS_C_50010_TotalPrice.val) * 2);
							});
		}
	});

	var jian = document.getElementById("jian");
	var inputVal = document.getElementById("inputVal");
	var EIMS_C_50010_TotalPrice = document
			.getElementById("EIMS_C_50010_TotalPrice");
	jian.onclick = function() {
		inputVal.value = parseInt(inputVal.value - 1);
		if ((inputVal.value) < 1) {
			inputVal.value = 1;
		}
		EIMS_C_50010_TotalPrice.value = parseInt((EIMS_C_50010_TotalPrice.value) * 2);
	};
</script>
</html>


<!-- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>


<meta http-equiv="pragma" content="no-cache">

<meta http-equiv="cache-control" content="no-cache">

<meta http-equiv="expires" content="0">

<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

<meta http-equiv="description" content="This is my page">


<script type="text/javascript">

function disNum(dom){

dom.nextSibling.nextSibling.innerHTML--;


var a = dom.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling.innerHTML;

a--;

dom.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling.nextSibling.innerHTML = a.toFixed(2);

sum();

}


function incNum(dom){

dom.previousSibling.previousSibling.innerHTML ++;

var a = dom.nextSibling.nextSibling.innerHTML;

a++;

dom.nextSibling.nextSibling.innerHTML = a.toFixed(2);

sum();

}

function sum(){

var yuans = document.getElementsByName("yuan");

var sum = document.getElementById("sum");

var s =0;

for(var i = 0; i<3;i++){

s += Number(yuans[i].innerHTML)

}

sum.innerHTML = s.toFixed(2);

}

</script>


</head>


<body>

<table>

<tr><td>

<input type="button" value="-" onclick="disNum(this)"/> 

<span id="num1">0</span>

<input type="button" value="+" onclick="incNum(this)"/>

￥<span name="yuan">0.00</span>

</td>

</tr>

<tr><td>

<input type="button" value="-" onclick="disNum(this)"/> 

<span id="num2">0</span>

<input type="button" value="+" onclick="incNum(this)"/>

￥<span name="yuan">0.00</span>

</td>

</tr>

<tr><td>

<input type="button" value="-" onclick="disNum(this)"/> 

<span id="num3">0</span>

<input type="button" value="+" onclick="incNum(this)"/>

￥<span name="yuan">0.00</span>

</td>

</tr>

<tr>

<td>总计：￥<span id="sum">0.00</span></td>

</tr>

</table>

</body>

</html> -->